import React from 'react'
import MessageListTable from "../parts/MessageListTable"
import { DatePicker, Space } from 'antd';
import Data from '../parts/Data'
import Month from '../parts/Month'


const MessageList = () => {
  return (
    <>
      <div className='MessageList'><div className='default'>
        <div className='data'>
          <ul className="nav nav-pills" role="tablist">
            <li className="nav-item">
              <a className="nav-link active border" data-bs-toggle="pill" href="#month">月份</a>
            </li>
            <li className="nav-item">
              <a className="nav-link border" data-bs-toggle="pill" href="#date">日期</a>
            </li>
          </ul>
          <div className="tab-content">
            <div id="month" className="container tab-pane active">
              <div>
                <Month />
              </div>
            </div>
            <div id="date" className="container tab-pane fade">
              <div>
                <Data />
              </div>
            </div>
          </div>
          <div className='query'>
            <button className='btn bg-primary'>查询</button>
          </div>
        </div>
      </div>
        <MessageListTable />
      </div>
    </>
  )
}

export default MessageList
